<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>分期详细信息</title>

    <link href="../plugin/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-table-1.11.1/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="../plugin/sweetalert-6.6.2/sweetalert2.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-3.3.7/plugin/file_input/fileinput.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
    <link href="../plugin/jquery-zoomify/zoomify.min.css" rel="stylesheet"/>

    <script src="../plugin/jquery-3.2.1/jquery-3.2.1.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/file_input/fileinput.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/file_input/local_zh.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="../plugin/bootstrap-table-1.11.1/bootstrap-table.min.js"></script>
    <script src="../plugin/bootstrap-table-1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="../plugin/sweetalert-6.6.2/sweetalert2.min.js"></script>
    <script src="../plugin/jquery-3.2.1/jquery.formautofill.min.js"></script>
    <script src="../plugin/jquery-3.2.1/jquery.serializejson.js"></script>
    <script src="../plugin/wangEditor-3.0.15/wangEditor.min.js"></script>
    <script src="../plugin/jquery-zoomify/zoomify.min.js"></script>
    <script src="../plugin/soul/utils3.js"></script>
    <script src='../base/base.js'></script>

</head>

<body>

<script>
    $(function () {
        var borrowingRecordId = ParamUtil.getQueryString("borrowingRecordId");

        var resp = AjaxUtil.isLogin();
        if (!resp) return;
        var module = 'borrowing_installment';
        var toolbar = {
            default: [true, false, false, false],// back;add;edit;remove
            dialog: [60, 2, 9],//对话框参数:模态框宽度(百分比);表单标题宽度;表单输入框宽度
            extra: []
        };
        var url = '';
        if (borrowingRecordId) {
            url ='/admin/borrowing_installment/show_borrowing_installment?borrowingRecordId=' + borrowingRecordId + '&token=' + BaseConfig.token
        }
        var bootstrapTable = {
            url: url,
            columns: [{
                field: 'nper',
                title: '期数',
                align: 'center',
            }, {
                field: 'beginRepaymentDate',
                title: '还款开始时间',
                align: 'center',
                formatter: BootstrapTableUtil.formatter.datetime
            }, {
                field: 'endRepaymentDate',
                title: '最后还款时间',
                align: 'center',
                formatter: BootstrapTableUtil.formatter.datetime
            }, {
                field:'returnMoney',
                title: '本金',
                align: 'center',
            }, {
                field:'returnDividend',
                title: '利息',
                align: 'center',
            }, {
                field: 'actualRepaymentDate',
                title: '用户交款时间',
                align: 'center',
                formatter: function (value, row, index) {
                    console.log(value);
                    if(value == null){
                        return "未还本期"
                    }
                    else{
                        return FormatUtil.formatDateTime(value);
                    }
                }
            }, {
                field: 'defaultState',
                title: '违约情况',
                align: 'center',
                formatter: function (value, row, index) {
                    if(value == 2){
                        return "正常"
                    }else  if(value == 1){
                        return "逾期"
                    }
                },
            }]
        };
        borrowing_installment = SingleTablePageCreateUtil.createInstance(module, null, toolbar, null, bootstrapTable);
    });
</script>
</body>

</html>